<div ng-controller="adhibitionAppCtrl" class="clearfix script-content content-bycs">

    <div class="wrapper-md">
      <div class="">
        <div class="panel panel-default m-b">
          <div class="panel-heading">概述</div>
          <div class="panel-detail">
            <div class="col-md-4">
              <div class="sortware-box">
                <div class="sortware-box-h text-center">
                  <div class="chart" ng-if="isDataLoad" style="height: 200px" ng-apply-pie-loop-chart=""  data="dashboradData.app" options="options.app"></div>

                </div>

              </div>
            </div>
            <div class="col-md-4">
              <div class="sortware-box">
                <div class="sortware-box-h text-center">
                  <div class="chart" ng-if="isDataLoad" style="height: 200px" ng-apply-pie-loop-chart=""  data="dashboradData.cpu" options="options.cpu"></div>

                </div>

              </div>
            </div>
            <div class="col-md-4">
              <div class="sortware-box">
                <div class="sortware-box-h text-center">
                <div class="chart" ng-if="isDataLoad" style="height: 200px" ng-apply-pie-loop-chart=""  data="dashboradData.memory" options="options.memory"></div>

                </div>

              </div>
            </div>

          </div>
        </div>
      </div>
        <div class="panel panel-default">
              <div class="col-md-12 search-box m-b-md" style="float:none;">
                    <div class="legend">查询条件</div>
                    <div class="search-content">
                        <div class="form-group">
                            <label class="control-label">名称：</label>
                            <input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="" aria-controls="DataTables_Table_3">
                        </div>
                    </div>
                    <div class="search-btn">
                        <button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
                        <button class="btn btn-info w-xs m-r" ng-click="goAction(1)"><i class="fa fa-plus"></i> 新增</button>
                        <button class="btn btn-danger w-xs m-r" ng-click="deteleAll()" ng-disabled="operation.isBatch1"><i class="fa fa-trash-o fa-lg"></i> 批量删除</button>
                        <button class="btn btn-info w-xs m-r" ng-click="gohistory($event)">历史记录</button>
                    </div>
                </div>

                <div class="list-byc" >
                    <ul class="list-ul" >
                        <li class="list-li" ng-repeat="(key,row) in countData" ng-if="!isImageData">
                            <div class="list-li-div list-li-div1" ng-class="{true:'border-color',false:'normal-border-color'}[row.isChose]" ng-click="goVm(row.id)">

                            <div class="name" ng-click="choose()">
                              <label  class="i-checks m-b-none checkboxs"><input type="checkbox"  ng-model="row.select" ><i></i></label>
                              <div ng-click="detail(row.id,row.clusterId)"  class="appdetail-href">{{row.name}}</div>
                            <div class="address">{{row.address}}</div>
                            <div class="operation">
                                <i class="fa fa-bars icon-font"></i>

                                <div class="operation-box operation-box-hidden">
                                    <div class="operation-box-icon"  ng-click="goAction(2,row.id,$event)"><a href="javascript:void(0)"><i
                                            class="fa fa-pencil-square-o"></i>&nbsp;编辑</a></div>
                                    <div class="operation-box-icon"  ng-click="goAction(3,row.id,$event)"><a href="javascript:void(0)"><i
                                            class="fa fa-trash-o fa-lg"></i>&nbsp;删除</a></div>

                                              <div class="operation-box-icon" ng-click="detail(row.id,row.clusterId)"><a href="javascript:void(0)"><i
                                                        class="fa fa-info-circle"></i>&nbsp;详情</a></div>
                                </div>
                            </div>
                            </div>

                                <div>
                                <div class="text">
                                  <div class="small-box s-bg-primary bg-primary-img">
                                    <div class="small-box-h text-center ">
                                      <p class="small-box-p"><i class="glyphicon glyphicon-hdd"></i></p>
                                      <p><span>实例数：{{row.replicas}}</span></p>
                                    </div>

                                  </div>
                                  <div class="primary-right">
                                    <p>状态 ：{{row.status|sortwareProp:'prop'}}</p>

                                  </div>
                                  <div class="primary-right">
                                    <p>操作人 ：{{row.menderName}}</p>
                                    <p>更新时间 ：{{row.gmtModify}}</p>


                                  </div>
                                    <div class="both clear"></div>
                                    <div class="" style="height: 300px;width:100%">
                                      <div class="col-md-12" style="height: 300px" ng-if="row.performance" ng-apply-pie-line-charts2=""
                                            data="row.performance" options="options.apply"></div>
                                    </div>

                                </div>
                                  <div class="both clear"></div>

                                  <div class="primary-bottom">
                                    <button class="btn btn-success btn-sm" ng-click="goAction(4,row.id,$event)">
                                        <i class="fa cube"></i>
                                        <span class="">部署</span>
                                    </button>

                                  </div>
                                </div>
                            </div>
                        </li>
                        <li class="col-md-12" ng-if="isImageData">
                          暂无数据
                          <td class="td-nodata" colspan="10"></td>
                        </li>
                    </ul>
                    <div class="col-md-12 clearfix">
                        <div class="col-sm-6" style="padding:7px 15px;">
                            <div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
                                    ng-bind="param.rows"></span>条
                            </div>
                        </div>
                        <div class="col-sm-6 text-right">
                            <pagination boundary-links="true" total-items="totalCount" items-per-page="param.rows" max-size="8"
                                        ng-model="param.page" ng-change="getData(param.page)" previous-text="&lsaquo;"
                                        next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
                        </div>
                    </div>
                </div>

        </div>
    </div>
    <div >
      <div ng-if="showHistory" ng-hide-detail="" class="animated tab-detail"
           ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
           <div class="col-md-12" >
             <div class="panel panel-default" style="padding:0;">
               <div class="panel-heading font-bold">
                 <span class="p-l-6">历史记录</span>
               </div>
               <div class="panel-body pmb-block" style="border:none;">
                 <div class="form-horizontal">
                   <div ng-controller="applyhistoryModalCtrl" class="row panel pad-10" data-ng-include="'/statics/tpl/adhibition/apply/historymessage.html'">
                   </div>
                 </div>
                 <div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
               </div>
             </div>
           </div>
      </div>
    </div>
</div>
